<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{empty-cells:hide; border-collapse:collapse} 
         /* 隐藏空单元     empty-cells ： hide 
            添加单线       border-collapse ：collapse*/
        table .line{ border-top: 50px solid red ;border-left: 150px solid blue; position: relative; color: rgb(22, 236, 69);}
        table .line em{ position: absolute; left: -50px; top: -20; }
        table .line span{ position: absolute; left: -120px; top: -50; }

    </style>
</head>
        <body>

        <table border="1"  >   
            <!-- cellpadding：单元格内的空间
            cellspacing ：单元格之间的空间 -->
        <caption> <strong>天气预报 </strong>  </color></caption>    
        <tHead>
            <tr>   
                <th colspan="2" >
                    <div class="line">
                        <em>天气</em>
                        <span>时间</span>
                    </div>
                </th>   <!-- 合并列 -->
             
                <th>天气情况</th>
                <th>出行情况</th>
            </tr>
        </tHead>
        <Tbody>
        <tr>
            <td rowspan="2">2020年10月12日</td> <!-- 合并行 --> 
            <td>白天</td>
            <td><img src="./timg.jpg" alt="" wideth="150" height="80"></td>
            <td>天气下雨，出门带伞</td>
        </tr>
        <tr>
            <!-- <td>2020年10月12日</td>   -->
            <td>  夜晚</td>
            <td><img src="./timg.jpg" alt="" wideth="150" height="80"></td>
            <td>天气下雨，出门带伞</td>
        </tr>
 
        <tr>
            <td rowspan="2">2020年10月13日</td>
            <td>白天</td>
            <td><img src="./timg2.jpg" alt=""  wideth="150" height="80"></td>
            <td>天气晴朗，适宜出门</td>
        </tr>
        <tr>
            <!-- <td>2020年10月13日</td> -->
            <td>夜晚</td>
            <td><img src="./timg2.jpg" alt=""  wideth="150" height="80"></td>
            <td></td>
        </tr>

        </Tbody>
        <Tfoot>

        </Tfoot>
        </table>
        </body>
</html>